<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I embed an image on a Lessons page?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I embed an image on a Lessons page?</h1></div>
<div>



      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Go to Lessons.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/412/465/original/b62c5f03-046f-49f6-8e26-436fd87a6aa7.png" alt="" height="117" width="202">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_8724CD5F-BA59-4372-81AF-3D2C4E541831" class="text-block-content">
    <p>If you titled your page something other than <em>Lessons</em>, select the title of the page as it appears in your Tool Menu.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="file-upload-click-add-content-then-embed-content-on-page">
    <h2 class="step-title screensteps-heading">File upload: Click Add Content, then Embed Content on the Page.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/412/467/original/925efc0f-037a-4444-8749-1a168d429168.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/412/467/medium/925efc0f-037a-4444-8749-1a168d429168.png" alt="" height="663" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_C90DCD12-B9DB-4509-B2A7-CE891C654BB9" class="text-block-content">
    <p>From the <strong>Add Content</strong> menu, select <strong>Embed Content on the Page</strong>. This displays the Embed Content dialog box.</p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="click-choose-files">
    <h3 class="step-title screensteps-heading">Click Choose Files.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/412/470/original/37ef6eae-5699-43b4-a134-2ea19bfd71b3.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/412/470/medium/37ef6eae-5699-43b4-a134-2ea19bfd71b3.png" alt="" height="585" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_9f7e110a-f83e-4c78-a8b3-5b2153d5b495" class="text-block-content">
    <ol>
<li>Expand the<strong> Upload File</strong> section.</li>
<li>Select <strong>Choose Files</strong>.</li>
</ol>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="locate-and-select-the-file-on-your-computer">
    <h3 class="step-title screensteps-heading">Locate and select the file on your computer.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/412/472/original/dbb65f44-7e7c-4107-9d38-2dfffc149d98.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/412/472/medium/dbb65f44-7e7c-4107-9d38-2dfffc149d98.png" alt="" height="569" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_B2398ED9-7FE7-4BA3-8C47-F5D833D14407" class="text-block-content">
    <p>Click on the file you would like to upload to select it and then click <strong>Open</strong>.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2">
    <h3 class="step-title screensteps-heading">Click Save.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/412/474/original/8d288258-6f46-40c4-b6d3-30ecbf7743b3.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/412/474/medium/8d288258-6f46-40c4-b6d3-30ecbf7743b3.png" alt="" height="629" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_76BB559F-92A3-4DF6-9397-61617A264E3B" class="text-block-content">
    <p><em>Notes: </em></p>
<p><em>You may add a custom name for the embedded file if desired. </em></p>
<p><em>Also, if you would like to upload more than one file, you may select <strong>Choose Files</strong> again to upload additional items.</em></p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-embedded-image">
    <h3 class="step-title screensteps-heading">View embedded image.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/412/476/original/4d309e51-fdad-4fa1-bb4e-5851952d649f.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/412/476/medium/4d309e51-fdad-4fa1-bb4e-5851952d649f.png" alt="" height="513" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_6C132831-FD80-47A0-9013-8BEBCCF8F36F" class="text-block-content">
    <p>After saving, you will return to the Lessons page with the image embedded.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="to-add-a-description-of-the-image-click-on-edit">
    <h3 class="step-title screensteps-heading">To add a description of the image, click on Edit.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/412/477/original/8f7a5111-5692-4bd7-8d6c-73b0bc843816.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/412/477/medium/8f7a5111-5692-4bd7-8d6c-73b0bc843816.png" alt="" height="443" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_E4A020B0-CEFF-4E0F-B101-CF7A49CDBAB0" class="text-block-content">
    <p>This displays the Edit Multimedia dialog box.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="add-a-description">
    <h3 class="step-title screensteps-heading">Add Alt Text and (Optional) Description.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/412/479/original/4fc8e714-c8ce-4abf-912f-39c2d05a140e.png" alt="" height="635" width="535">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_9245746F-089A-4641-80F5-458C35CE1274" class="text-block-content">
    <ol>
<li>Enter <strong>Alt Text </strong>for your image. Alt Text is used by screen readers and should be a description of the image to provide context and accessibility.</li>
<li>Optionally, enter a description in the <strong>Item Description</strong> text box.</li>
<li>Click <strong>Save</strong>.</li>
</ol>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-image-on-page">
    <h3 class="step-title screensteps-heading">View image on page.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/412/481/original/ec8264f7-4a17-4b8e-9b08-3d504cc8b392.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/412/481/medium/ec8264f7-4a17-4b8e-9b08-3d504cc8b392.png" alt="" height="481" width="855">
      </a>
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="notice-the-image-file-location-in-resources">
    <h3 class="step-title screensteps-heading">Notice the image file location in Resources.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/412/482/original/3face2cd-5c9b-471c-a91f-0076c38f5ecc.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/412/482/medium/3face2cd-5c9b-471c-a91f-0076c38f5ecc.png" alt="" height="274" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_0845175D-EA87-43C5-BB4B-F59CCD0E9402" class="text-block-content">
    <p>Note that the image file was automatically uploaded to your Resources in a folder with the same name as the Lessons page.</p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="linked-image-click-add-content-then-embed-content-on-a-page">
    <h2 class="step-title screensteps-heading">Linked image: Click Add Content, then Embed Content on a Page.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/412/484/original/78b76326-ad71-4bfb-a0a9-9a6d47e234d7.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/412/484/medium/78b76326-ad71-4bfb-a0a9-9a6d47e234d7.png" alt="" height="663" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_2f62217c-4355-4fa6-9b1d-5e86bf73f738" class="text-block-content">
    <p>From the <strong>Add Content</strong> menu, select <strong>Embed Content on the Page</strong>. This displays the Embed Content dialog box.</p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="enter-a-url">
    <h3 class="step-title screensteps-heading">Click on Add new URL and then enter a URL into the field provided.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/412/487/original/8d54292a-def9-4206-b1e2-76febe923b70.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/412/487/medium/8d54292a-def9-4206-b1e2-76febe923b70.png" alt="" height="555" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_3BE20AF3-8A19-49F0-9A3B-FD6E3CD0C462" class="text-block-content">
    <ol>
<li>Expand the <strong>Add new URL (web link)</strong> section.</li>
<li>Paste the image URL in the <strong>Or add a URL or "embed code" </strong>box.</li>
<li>Click <strong>Save</strong>. </li>
</ol>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-embedded-image_1">
    <h3 class="step-title screensteps-heading">View embedded image.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/412/489/original/de625e0b-33c7-4d5e-a59f-43358448d630.png" alt="" height="776" width="854">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_A362D8B3-8443-49E2-A983-41268EC821F8" class="text-block-content">
    <p>After saving, you will return to the Lessons page with the image embedded.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="to-add-a-description-for-the-image-click-edit">
    <h3 class="step-title screensteps-heading">To add a description for the image, click Edit.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/412/491/original/cfe125cb-f62d-404e-a1cd-96e1483c1337.png" alt="" height="447" width="836">
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="add-a-description_1">
    <h3 class="step-title screensteps-heading">Add a description.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/412/493/original/e604fb3e-3849-4181-be70-2be09d457492.png" alt="" height="717" width="589">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_7AE7DA70-A1D2-4010-A90B-9CC68EBA8B66" class="text-block-content">
    <p>Enter a description in the <strong>Item Description</strong> text box and then click <strong>Save</strong>.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-image-on-page_1">
    <h3 class="step-title screensteps-heading">View image on page.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/412/495/original/389f3166-151b-47fe-bfc1-ad110551f12c.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/412/495/medium/389f3166-151b-47fe-bfc1-ad110551f12c.png" alt="" height="676" width="855">
      </a>
  </div>
 
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
